<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <!-- <link th:href="@{/common/css/bootstrap.min.css}" rel="stylesheet"/>-->
    <link th:href="@{/common/css/bootstrap3.3.7.min.css}" rel="stylesheet"/>
    <link th:href="@{/common/css/font-awesome.css}" rel="stylesheet"/>
    <link th:href="@{/common/css/animate.min.css}" rel="stylesheet"/>
    <link th:href="@{/common/css/style.min.css}" rel="stylesheet"/>
    <!-- CSS -->
    <link th:href="@{/vendor/datatables/dataTables.bootstrap.css}" rel="stylesheet">
    <link th:href="@{/css/content.css}" rel="stylesheet">
    <style>
        .clearable {
            position: absolute;
            top: 12px;
            right: 35px;
            z-index: 4;
            cursor: pointer;
            font-size: 12px;
            display: block;
        }

        .dropdown-menu-right {
            padding-top: 0px;
            max-height: 375px;
            max-width: 800px;
            overflow: auto;
            width: auto;
            transition: 0.3s;
            left: -132px;
            right: auto;
            min-width: 165px;
        }
    </style>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="ibox float-e-margins">
        <div class="ibox-title">
            <h5>客户信息</h5>

            <div class="ibox-tools">

                <!-- <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="btn-add-dtu">
                     <i class="fa fa-plus"></i>新增备件
                 </a>-->
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                    <i class="fa fa-backward"></i><a id="btn-project-operations"
                                                     href="JavaScript:history.go(-1)">返回列表</a>
                </a>
            </div>
        </div>
        <div class="ibox-content" id="container">

            <form class="form-horizontal" id="order-detail-form">
                <fieldset>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">客户公司名称：</label>

                        <div class="col-sm-3">
                            <!-- btn-group -->
                            <div class="input-group">
                                <i class="clearable glyphicon glyphicon-remove"></i>
                                <input type="text" class="form-control" id="company-suggest-search" autocomplete="off"
                                       data-id="" alt="唐宏禹14" style="background: rgb(255, 255, 255);">
                                <div class="input-group-btn">
                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="">
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-right" role="menu">

                                    </ul>
                                </div>
                            </div>
                            <!-- /btn-group -->
                        </div>
                        <label class="col-sm-2 control-label">销售负责人：</label>

                        <div class="col-sm-3">
                            <input type="text" placeholder="销售负责人" class="form-control" name="sales" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">联系人：</label>

                        <div class="col-sm-3">
                            <input type="text" placeholder="联系人" class="form-control" name="companyLaw" readonly/>
                        </div>
                        <label class="col-sm-2 control-label">联系电话：</label>

                        <div class="col-sm-3">
                            <input type="text" placeholder="联系电话" class="form-control" name="tel" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">联系地址：</label>
                        <div class="col-sm-6">
                            <input type="text" placeholder="联系地址" class="form-control" name="reg_Address" readonly/>
                        </div>
                    </div>

                    <h3>收获信息</h3>
                    <li class="divider"></li>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">选择收货地址：</label>
                        <div class="col-sm-6">
                            <!-- btn-group -->
                            <div class="input-group">
                                <i class="clearable glyphicon glyphicon-remove"></i>
                                <input type="text" class="form-control" id="address-suggest-search" autocomplete="off"
                                       data-id="" style="background: rgb(255, 255, 255);">
                                <div class="input-group-btn">
                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="">
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-right" role="menu">

                                    </ul>
                                </div>
                            </div>
                            <!-- /btn-group -->
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">收货人：</label>

                        <div class="col-sm-3">
                            <input type="text" placeholder="收货人" class="form-control"  name="contact" />
                        </div>
                        <label class="col-sm-2 control-label">联系电话：</label>

                        <div class="col-sm-3">
                            <input type="text" class="form-control"  name="contactTel" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">收货地址：</label>

                        <div class="col-sm-6">
                            <input type="text" class="form-control"  name="address" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">备注说明：</label>
                        <div class="col-sm-6">
                            <textarea class="form-control" name="memo" rows="5"></textarea>
                        </div>
                    </div>

                    <h3>商品信息</h3>
                    <li class="divider"></li>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">part号码：</label>

                        <div class="col-sm-3">
                            <!-- btn-group -->
                            <div class="input-group">
                                <i class="clearable glyphicon glyphicon-remove"></i>
                                <input type="text" class="form-control" id="part-suggest-search" autocomplete="off"
                                       data-id="" style="background: rgb(255, 255, 255);">
                                <div class="input-group-btn">
                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="">
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-right" role="menu">

                                    </ul>
                                </div>
                            </div>
                            <!-- /btn-group -->
                        </div>
                        <label class="col-sm-2 control-label">标题：</label>

                        <div class="col-sm-3">
                            <input type="text" class="form-control" name="title" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">数量：</label>

                        <div class="col-sm-3">
                            <input type="text" class="form-control" name="num" />
                        </div>
                        <label class="col-sm-2 control-label">单价：</label>
                        <div class="col-sm-3">
                            <input type="text" placeholder="单价" name="price" class="form-control" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">总价：</label>
                        <div class="col-sm-3">
                            <input type="text" placeholder="总金额" class="form-control" name="amount" readonly />
                        </div>
                        <div class="col-sm-3">
                            <button class="btn btn-w-m btn-primary" type="button" id="save-order-goods">保存新增</button>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-1"></div>
                        <div class="col-sm-10">
                            <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper form-inline"
                                 role="grid">
                                <table class="table table-bordered table-hover dataTable table-striped width-full text-nowrap"
                                       id="DataTables_order_goodslist" aria-describedby="DataTables_Table_0_info"
                                       data-plugin="dataTable">
                                    <thead>
                                    <tr role="row">
                                        <th class="sorting_desc" tabindex="0" aria-controls="DataTables_Table_0"
                                            rowspan="1" colspan="1" aria-label="账单号：激活排序列升序" style="width: 50px;">
                                            选择
                                        </th>
                                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0"
                                            rowspan="1"
                                            colspan="1" aria-label="Part号：激活排序列升序" style="width: 100px;">Part号
                                        </th>
                                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0"
                                            rowspan="1"
                                            colspan="1" aria-label="标题：激活排序列升序" style="width: 100px;">标题
                                        </th>
                                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0"
                                            rowspan="1"
                                            colspan="1" aria-label="数量：激活排序列升序" style="width: 100px;">数量
                                        </th>
                                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0"
                                            rowspan="1"
                                            colspan="1" aria-label="单价：激活排序列升序" style="width: 100px;">单价
                                        </th>
                                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0"
                                            rowspan="1"
                                            colspan="1" aria-label="总价：激活排序列升序" style="width: 100px;">总价
                                        </th>
                                        <th class="sorting" tabindex="6" aria-controls="DataTables_Table_0" rowspan="1"
                                            colspan="1" aria-label="" style="width: 100px;">操作
                                        </th>
                                    </tr>
                                    </thead>
                                    <tbody>

                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="col-sm-1"></div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-8  col-sm-offset-2">
                            <input type="hidden" name="companyId">
                            <input type="hidden" name="companyName">
                            <input type="hidden" name="part">
                            <input type="hidden" name="goodsId">
                            <input type="hidden" name="addressId">
                            <input type="hidden" name="orderNo" th:value="${orderNo}">
                            <input type="hidden" name="orderType" value="1">
                            <button class="btn btn-w-m btn-default" type="button">取消</button>
                            <button class="btn btn-w-m btn-primary" type="button" id="btn-create-order">保存</button>
                        </div>
                    </div>

                </fieldset>
            </form>

        </div>
    </div>
</div>

<!-- JS -->
<script type="text/javascript" th:src="@{/common/js/jquery-3.1.1.min.js}"></script>
<script type="text/javascript" th:src="@{/common/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/vendor/layer/layer.js}"></script>
<script type="text/javascript" th:src="@{/vendor/datatables/jquery.dataTables.min.js}"></script>
<script type="text/javascript" th:src="@{/vendor/datatables/dataTables.bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/vendor/suggest/bootstrap-suggest.min.js}"></script>
<script type="text/javascript" th:src="@{/vendor/validate/jquery.validate.min.js}"></script>
<script type="text/javascript" th:src="@{/common/js/content.min.js}"></script>
<script type="text/javascript" th:src="@{/js/alert.js}"></script>
<script type="text/javascript" th:src="@{/js/Utils.js}"></script>
<script type="text/javascript" th:src="@{/js/createOrder.js}"></script>
</body>
</html>
